/* ================ Generales*/
html{
	height: 100%;
	width: 100%;
}

#footer{
	font-family: "monaco";
	font-size: 8px;
	color: #777777;
	letter-spacing: 6px;
}

.ilt{
	font-weight: bold;
	font-size: 10px;
}

body{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background-image: url('../img/cuadritos.png');
	background-repeat: repeat;
}

div .container{
	width: 960px;
	background-color: #fff;
}

#contenido{
	width: 950px;
	background-color: #fff;
}

div .shadowm, 
#page{ 
   position: relative; 
   bottom: 3px; 
   right: 3px; 
} 

div .shadowm{ 
   background-color: #777777;
   color: inherit;
   height: 1222px;
} 

.blurm{ 
   background-color: #CCCCCC; /*shadow color*/ 
   color: inherit; 
   margin-left: 5px; 
   margin-top: 5px; 
   width: 963px;
   height: 1222px;
} 

div .screens{
	text-align: center;
	vertical-align: top;
}

div.banner{
	background-image: url('../img/banner.png'); 
	height: 26px;
	font-family: Arial;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	padding-top: 9px;
	width: 100%;
}

#main{
	width: 100%; 
	height: 100%;	
}
.misa{
	font-size: 10px;
	font-family: "Century Gothic";
	text-align: left;
	color: #484848;
	width: 100%;
}

.shadow, 
.screens{ 
   position: relative; 
   bottom: 2px; 
   right: 2px; 
} 

div .shadow{ 
   background-color: #000;
   color: inherit;
} 

.blur{ 
   background-color: #ccc; /*shadow color*/ 
   color: inherit; 
   margin-left: 4px; 
   margin-top: 4px;
   display: none;
} 

div.fecha{
    font-family: 'Prosto One', cursive;
    font-size: 62px;
    color: #C9C9C9;
}
/*================= Generales*/

/*================= containers*/
.toggler { 
	width: 500px; 
	height: 200px; 
}

#effect { 
	/*width: 240px; 
	height: 135px; */
	padding: 0.4em; 
	position: relative; 
}

.fondue{
    background-image: url('../img/fondo.png');
    background-repeat: no-repeat;
    background-position: bottom;
    height: 780px;
}

div .waitimgs{
    /*border: 1px outset #EDEDEE;*/ 
    width: 50px;
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    background-image: url("../img/wait.gif");
    background-position-x: 8px;
    background-position-y: 12px;
    background-repeat: no-repeat;
    margin: 400px auto;
}
/*================== containers*/

/*===================== Menus*/
.menu{
	font-family: "Century Gothic";
	font-size: 12pt;
	color: #6C0000;
	width: 960px;
}

.lavaLamp {
	height: 20px;
    width: 960px;
    background-color: #EDEDEE;
}
        .lavaLamp li {
            float: left;
            list-style: none;
            text-align: center;
        }
            .lavaLamp li.back {
                background-color: #D9D9DB;
                width: 100%;
                height: 20px;
                z-index: 8;
                position: absolute;
            }
            .lavaLamp li a {
                font-family: "Century Gothic";
                font-size: 10pt;
                text-decoration: none;
                color: #6C0000;
                outline: none;
                text-align: center;
                text-transform: uppercase;
                z-index: 10;
                position: relative;
                width: 100%;
            }
                .lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li a:visited {
                    border: none;
                } 
                        
/*=========================================== menus*/

/*=========================================== counter*/
.dash {
	width: 75px;
	height: 30px;
	float: left;
	margin-top: 10px;
	margin-left: 2px;
	padding-left: 23px;
	color: #000;
}
.dash .digit {
	font: bold 14pt "arial black";
	font-weight: bold;
	float: left;
	width: 20px;
	text-align: center;
	position: relative;
}

.dash_title {
	font-size: 14px;
	font-family: "Century Gothic";
	display: block;
	text-align: left;
	padding-left: 3px;
	color: #8E8E8E;
}

.asolo{
    float: left; 
    font-family: 'Voltaire', sans-serif; 
    font-size: 50px; 
    color: #8E8E8E;
    padding-left: 25px;
}
/*=========================================== counter*/

.murodiv{
	padding-top: 0px;
	border-style: solid;
	border-color: #D9D9DB;
	border-width: 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 800px;
}

.msghdr{
	border-bottom-style: solid;
	padding-left: 3px;
	padding-right: 3px;
	font-family: 'Krona One', sans-serif;
	font-size: 9px;
	border-bottom-color: #EDEDEE;
	border-bottom-width: 1px; 
	display: inline-block;
	height: 18px;
}

.msgbdy{
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 4px;
	font-family: "Century Gothic";
	font-size: 12px;
	width: 800px;
	overflow-y: auto;
	overflow-x: hidden;
}

label.muro{
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
}



